<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="styles/styles.css" />
</head>
<body>
    <main>
        <table>
            <thead>
                <tr>
                    <th class="yellow">Country</th>
                    <th class="yellow">Result</th>
                    <th class="yellow">Country</th>
                    <th class="yellow">Group</th>
                    <th colspan="4" class="yellow">Place a Forecast</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Brazil<span class="brazil-flag"></span></td>
                    <td>5 - 5</td>
                    <td>Bulgaria<span class="bulgaria-flag"></span></td>
                    <td>A</td>
                    <td>
                        <label for="brazil-select">Brazil<span class="brazil-flag"></span></label>
                    </td>
                    <td>
                        <select id="brazil-select" class="red">
                            <option class="red">1</option>
                            <option class="red">2</option>
                            <option class="red">3</option>
                            <option class="red">4</option>
                            <option class="red">5</option>
                            <option class="red">6</option>
                            <option class="red">6+</option>
                        </select>
                        -
                        <select id="bulgaria-select" class="green">
                            <option class="green">1</option>
                            <option class="green">2</option>
                            <option class="green">3</option>
                            <option class="green">4</option>
                            <option class="green">5</option>
                            <option class="green">6</option>
                            <option class="green">6+</option>
                        </select>
                    </td>
                    <td>
                        <label for="bulgaria-select">Bulgaria<span class="bulgaria-flag"></span></label>
                    </td>
                    <td>
                        <div class="brown-watch">Watch</div>
                    </td>
                </tr>
                <tr>
                    <td>Uruguay<span class="uruguay-flag"></span></td>
                    <td>3 - 3</td>
                    <td>Germany<span class="germany-flag"></span></td>
                    <td>E</td>
                    <td>
                        <label for="uruguay-select">Uruguay<span class="uruguay-flag"></span></label>
                    </td>
                    <td>
                        <select id="uruguay-select" class="red">
                            <option class="red">1</option>
                            <option class="red">2</option>
                            <option class="red">3</option>
                            <option class="red">4</option>
                            <option class="red">5</option>
                            <option class="red">6</option>
                            <option class="red">6+</option>
                        </select>
                        -
                        <select id="germany-select" class="green">
                            <option class="green">1</option>
                            <option class="green">2</option>
                            <option class="green">3</option>
                            <option class="green">4</option>
                            <option class="green">5</option>
                            <option class="green">6</option>
                            <option class="green">6+</option>
                        </select>
                    </td>
                    <td>
                        <label for="germany-select">Germany<span class="germany-flag"></span></label>
                    </td>
                    <td>
                        <div class="green-watch">Watch</div>
                    </td>
                </tr>
            </tbody>
        </table>
    </main>
</body>
</html>